<template>
    <div>
        <div class="tupian" style="margin: 5px;">
       <van-image 
       src="https://wx3.sinaimg.cn/crop.0.6.1920.1067/007lG3P8ly1hxlinhrgwaj31hc0u0dma.jpg"
/>
</div>
<div class="grid">
  <van-grid>
  <van-grid-item icon-color="red" icon="thumb-circle" text="每日推荐" />
  <van-grid-item icon-color="red" icon="live" text="私人FM" />
  <van-grid-item icon-color="red" icon="music" text="歌单" />
  <van-grid-item icon-color="red" icon="bar-chart-o" text="排行榜" />
</van-grid>
</div>
<div class="tab">
  <div class="left"  style="font-size: 15px; font-weight: bold;">发现好歌单</div>
  <div class="right">
    <van-button size="small" style="height: 20px;" plain round type="default">查看更多</van-button>
  </div>
</div>
<div class="gedan">
  <van-grid :border="false" :column-num="2">
  <van-grid-item>
    <van-image
      src="https://imgessl.kugou.com/stdmusic/20200909/20200909113514466211.jpg"
    />
  </van-grid-item>
  <van-grid-item>
    <van-image
      src="https://p0.itc.cn/q_70/images03/20230417/1a21092354d5413aaaa5fcbcb365e498.jpeg"
    />
  </van-grid-item>
 
</van-grid>
<van-grid :border="false" :column-num="2">
  <van-grid-item>
    <van-image
      src="https://p2.music.126.net/WPHmBisDxnoF4DrBLKwl3Q==/109951163169021112.jpg"
    />
  </van-grid-item>
  <van-grid-item>
    <van-image
      src="https://pic3.zhimg.com/v2-41b380f89440cc4c3aa356ede5c01eec_r.jpg"
    />
  </van-grid-item>

</van-grid>

</div>
    </div>
</template>
<style>
.grid{
  border-radius: 10px;
  overflow: hidden;

}
.tab{
  padding: 10px;
  display: flex;
  justify-content: space-between;
  background-color: whitesmoke;
  border-radius: 10px;
  overflow: hidden;
  margin: 5px;
}
</style>